<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="author" content="王晨阳">
		<title>小米商城-分类</title>
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" type="text/css" href="css/product.css" />
	</head>

	<body>
		<div class="spfl">
			<span class="glyphicon glyphicon-chevron-left aria-hidden=" true ""></span>
			<span>商品分类</span>
			<span class="glyphicon glyphicon-search"></span>
		</div>
		<header>
			<p>
				<span>手机 电话卡</span>
				<span>笔记本 平板</span>
				<span>电视 盒子</span>
				<span>智能硬件 路由器</span>
				<span>移动电源 插线板 电池</span>
				<span>耳机 音箱 存储卡</span>
			</p>
		</header>
		<main>
			<p class="border"></p>
			<section class="znsh">
				<a href=""><img src="img/01.png" /></a>
				<p class="border"></p>
			</section>
			<section class="sjdhk">
				<h3>手机 电话卡</h3>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<p class="border"></p>
			</section>
			<p class="border"></p>
			<section class="znsh">
				<a href=""><img src="img/16.png" /></a>
				<p class="border"></p>
			</section>
			<section class="sjdhk">
				<h3>笔记本</h3>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/7.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/5.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
					<div class="col-xs-4 col-sm-3 col-md-2">
						<a href="">
	        			<figure>
	        				<img src="img/6.png" alt="" />
	        				<figcaption><h4>小米6</h4></figcaption>
	        			</figure>
	        		</a>
					</div>
				</div>
				<p class="border"></p>
			</section>
		</main>

		<script src="bootstrap/js/jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script src="js/product.js"></script>
	</body>

</html>